.pure-tabbar-item {
    display: var(--pure-tabbar-item-display, flex);
    flex-direction: var(--pure-tabbar-item-flex-direction, column);
    align-items: var(--pure-tabbar-item-align-items, center);
    justify-content: var(--pure-tabbar-item-justify-content, center);
    text-align: var(--pure-tabbar-item-text-align);
    font-weight: var(--pure-tabbar-item-font-weight);
    gap: var(--pure-tabbar-item-gap, 2px);
    padding: var(--pure-tabbar-item-padding);
    margin: var(--pure-tabbar-item-margin);
    background: var(--pure-tabbar-item-background);
    box-sizing: border-box;
    position: relative;
    color: var(--pure-tabbar-color);
    transition: var(--pure-tabbar-transition, 0.2s);
}

.pure-tabbar-item-icon {
    font-size: var(--pure-tabbar-icon-font-size, 24px);
    color: var(--pure-tabbar-icon-color);
    font-weight: var(--pure-tabbar-icon-font-weight, var(--pure-tabbar-item-font-weight));
    margin: var(--pure-tabbar-icon-margin);
    padding: var(--pure-tabbar-icon-padding);
    box-sizing: border-box;
    width: var(--pure-tabbar-icon-width);
    height: var(--pure-tabbar-icon-height);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--pure-tabbar-transition, 0.2s);
}

.pure-tabbar-item-text {
    font-size: var(--pure-tabbar-text-font-size, 10px);
    color: var(--pure-tabbar-text-color);
    font-weight: var(--pure-tabbar-text-font-weight);
    margin: var(--pure-tabbar-text-margin);
    padding: var(--pure-tabbar-text-padding);
    box-sizing: border-box;
    transition: var(--pure-tabbar-transition, 0.2s);
}

.pure-tabbar-item-active {
    --pure-tabbar-color: var(--pure-tabbar-active-color);
}

.pure-tabbar-item-icon-active .pure-tabbar-item-icon {
    --pure-tabbar-icon-font-size: var(--pure-tabbar-icon-active-font-size);
    --pure-tabbar-icon-color: var(--pure-tabbar-active-icon-color, var(--pure-tabbar-active-color));
    --pure-tabbar-icon-font-weight: var(--pure-tabbar-icon-active-font-weight, var(--pure-tabbar-active-font-weight));
}

.pure-tabbar-item-icon-active .pure-tabbar-item-text {
    --pure-tabbar-text-font-size: var(--pure-tabbar-text-active-font-size);
    --pure-tabbar-text-color: var(--pure-tabbar-active-text-color, var(--pure-tabbar-active-color));
    --pure-tabbar-text-font-weight: var(--pure-tabbar-text-active-font-weight, var(--pure-tabbar-active-font-weight));
}